<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes">
    <meta http-equiv="Content-type" content="text/html;charset=UTF-8">
    <meta name="description" content="Visualize the distribution of aggregated and averaged signal strength measurements on a raster map">
    <title>Visualize the Distribution of Averaged Mobile Network Signal Strengths on a Raster Map</title>
    <link rel="stylesheet" type="text/css" href="https://js.api.here.com/v3/3.0/mapsjs-ui.css" />
		<link rel="stylesheet" type="text/css" href="css/example.css" />
    <script type="text/javascript" src="https://js.api.here.com/v3/3.0/mapsjs-core.js"></script>
		<script type="text/javascript" src="https://js.api.here.com/v3/3.0/mapsjs-service.js"></script>
		<script type="text/javascript" src="https://js.api.here.com/v3/3.0/mapsjs-ui.js"></script>
		<script type="text/javascript" src="https://js.api.here.com/v3/3.0/mapsjs-mapevents.js"></script>
		<script type="text/javascript" src="https://d3js.org/d3.v4.min.js"></script>
		<script type="text/javascript" src="https://js.datalens.api.here.com/2.0.0/mapsjs-datalens.js"></script>
	</head>
  <body>
    <h1>Visualize the Distribution of Averaged Mobile Network Signal Strengths on a Raster Map</h1>
    <p>This example displays a visualization of mobile network signal strength on a map. We introduce the concept of the Data Lens REST API query which is used to fetch and process the data, and then demonstrate how the Data Lens JavaScript libraries are used to produce the visualization.<br><div><br></div><div>The dataset used for the visualization represents a set of geographical points and signal strength measurements taken at each point. (Note that the actual data used here is simulated.) We first map the data points to geographical squares of 250x250 meters, and we average the signal strength measurements of all points in each square. Then, we fetch this data from the Data Lens cloud, and we create a raster map that displays a distribution of average signal strength on the map.</div><div><br></div><div>A raster map (a grid of constant-sized geographic squares, or "raster cells") is a type of visualization that provides a generalized overview of the distribution of big data. It is often used to visually identify patterns in large datasets. It is most effective in scenarios where displaying individual data points is less meaningful than providing insights into data distributed over a geographical area. Raster maps display discrete geographic cells, colored by calculated values without interpolation between data points.</div><br></p>
    <div id="map" style="width: 600px; height: 400px; background: grey"></div>
    <script type="text/javascript" src='js/app.js'></script>
  </body>
</html>
